<route>
{
    meta: {
        layout: 'index',
        title:'首页'
    }
}  
</route>
<template>
  <view>
    <a-carousel :after-change="onChange">
      <div class="indexback"></div>
      <!-- <div><h3>2</h3></div>
      <div><h3>3</h3></div>
      <div><h3>4</h3></div> -->
    </a-carousel>
  </view>
</template>
<script setup>
const onChange = current => {
  console.log(current);
};
</script>

<style lang="scss" scoped>
.indexback {
  /* text-align: center;
  height: 160px;
  line-height: 160px;
  background: #364d79;
  overflow: hidden; */
  display: flex;
  justify-content: center;
  align-items: center;
  height: 600px;
  background-image: url("@/assets/images/indexback.jpg");
  background-size: cover;

}
</style>